<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>中国医学科学院肿瘤医院在线预约挂号</title>

    <!-- zui -->
    <link href="/Public/home/zui/css/zui.min.css" rel="stylesheet">
    <link href="/Public/home/css/public.css" rel="stylesheet">
	<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
    <style>
    .col-md-4{width:60%;}
    </style>
  </head>
  <body>
        
      <!--[if lt IE 8]>
        <div class="alert alert-danger">您正在使用 <strong>过时的</strong> 浏览器. 是时候 <a href="http://browsehappy.com/">更换一个更好的浏览器</a> 来提升用户体验.</div>
    <![endif]-->
    	<header>
    <div class='logo'><img src='/Public/home/images/logo.jpg' width='70px' /><h1><?php echo (C("cfg_webname")); ?></h1></div>
		<div  class='desc'>
                <span class='phone'>24小时预约客服电话：<?php echo (C("cfg_phone")); ?></span><br />
			<span>中国医学科学院肿瘤医院是北京最好的肿瘤医院，我们团队为您推荐最好的肿瘤专家教授</span>
		</div>
	</header>
	<div class='clear'></div>
	<nav role="navigation" class="navbar navbar-inverse" id="nav">
		<div class="collapse navbar-collapse navbar-collapse-example">
			<ul class="nav navbar-nav">
                <li <?php if(CONTROLLER_NAME== 'Index' ): ?>class="active"<?php endif; ?>><a href="/">首页</a></li>
                <li <?php if(CONTROLLER_NAME== 'Introduction'): ?>class="active"<?php endif; ?>><a href="<?php echo U('/introduction');?>">肿瘤医院介绍</a></li>
                <li <?php if(CONTROLLER_NAME== 'Keshi'): ?>class="active"<?php endif; ?>><a href="<?php echo U('/keshi');?>">医院科室</a></li>
                <li <?php if(CONTROLLER_NAME== 'Zhuanjia'): ?>class="active"<?php endif; ?>><a href="<?php echo U('/zhuanjia');?>">肿瘤专家</a></li>
                <li <?php if(CONTROLLER_NAME== 'Guahao'): ?>class="active"<?php endif; ?>><a href="<?php echo U('/guahao');?>">在线挂号</a></li>
                <li <?php if(CONTROLLER_NAME== 'Contact'): ?>class="active"<?php endif; ?>><a href="<?php echo U('/contact');?>">联系我们</a></li>
			</ul>
		</div><!-- /.navbar-collapse -->
	</nav>


	<ul class="breadcrumb">
		<li><a href="/">首页</a></li>
		<li class="active">中国医学科学院肿瘤医院介绍</li>
	</ul>
	<div class='page_js'>
		<div class='left'>
            <h3>预约系统</h3>
            <form class='form-horizontal' method='post' action='<?php echo U('/guahao');?>'>
                <div class="form-group clear"> 
                        <label class="col-md-2 control-label">专家名字<span style='color:red'>*</span></label>            
                    <div class="col-md-4">
                            <input type="text" class="form-control" value="<?php echo ($tZjname); ?>" id="author" name="zj_name">
                        <input type="checkbox" value="1" name="recommend"  />推荐最好专家（选中此项，专家名字输入框可以不填）
                    </div>          
                </div>
                <div class="form-group clear"> 
                    <label class="col-md-2 control-label">医院</label>            
                    <div class="col-md-4">
                        <select name='yy_name' class='form-control'>
                            <option value='中国医学科学院肿瘤医院'>中国医学科学院肿瘤医院</option>
                        </select>
                    </div>          
                </div>

                <div class="form-group clear"> 
                    <label class="col-md-2 control-label">就诊时间</label>            
                    <div class="col-md-4">
                        <input type="text" class="form-control" value="" id="author" name="visiting_date">
                    </div>          
                </div>
                <div class="form-group clear"> 
                    <label class="col-md-2 control-label">病症描述</label>            
                    <div class="col-md-4">
                            <textarea class="form-control" rows="2" id="summary" name="illness"></textarea>
                    </div>          
                </div>
                <div class="form-group clear"> 
                    <label class="col-md-2 control-label">联系人<span style='color:red'>*</span></label>            
                    <div class="col-md-4">
                        <input type="text" class="form-control" value="" id="author" name="contact">
                    </div>          
                </div>
                <div class="form-group clear"> 
                    <label class="col-md-2 control-label">手机号<span style='color:red'>*</span></label>            
                    <div class="col-md-4">
                        <input type="text" class="form-control" value="" id="author" name="phone">
                    </div>          
                </div>
                <div class="form-group clear"> 
                    <label class="col-md-2 control-label">地址<span style='color:red'>*</span></label>            
                    <div class="col-md-4">
                        <input type="text" class="form-control" value="" id="author" name="address">
                    </div>          
                </div>

                <div class="form-group clear"> 
                    <label class="col-md-2 control-label">验证码</label>            
                    <div class="col-md-4">
                        <input type="text" class="form-control" value="" id="author" name="code">
                        <img width="200px" align="absmiddle" onclick="change_code(this);" class="vcode" id="code" src="<?php echo U('/guahao/verify');?>">
                    </div>          
                </div>
                <div class="form-group">  
                        <div class="col-md-offset-2 col-md-10">  
                            <input type="submit" data-loading="稍候..." value="提交预约" class="btn btn-primary" id="submit">
                        </div>          
                </div>
            </form>
            <div class="alert alert-warning">            
                    <strong>注意!</strong> 您提交预约信息之后，我们客服人员会与您取得联系。确认预约信息请保持手机畅通 
            </div>
		</div>
		<div class='right'>
                <div class="alert alert-success" style='font-size:16px;'><i class="icon-phone"></i>电话预约 更方便：<?php echo (C("cfg_phone")); ?></div>
				

			<div class='jl'>
				<h3>在线挂号记录</h3>
				<div id='scrollDiv'>
					<ul>
				<li>赵女士－挂号 联系电话：133.....786 <span class="label label-badge label-success">成功</span></li>
				<li>张女士－挂号 联系电话：133.....786 <span class="label label-badge label-warning">失败</span></li>
				<li>李先生－挂号 联系电话：133.....786 <span class="label label-badge label-info">未处理</span></li>
				<li>赵女士－挂号 联系电话：133.....786 <span class="label label-badge label-success">成功</span></li>
				<li>张女士－挂号 联系电话：133.....786 <span class="label label-badge label-warning">失败</span></li>
				<li>李先生－挂号 联系电话：133.....786 <span class="label label-badge label-info">未处理</span></li>
				<li>赵女士－挂号 联系电话：133.....786 <span class="label label-badge label-success">成功</span></li>
				<li>张女士－挂号 联系电话：133.....786 <span class="label label-badge label-warning">失败</span></li>
				<li>李先生－挂号 联系电话：133.....786 <span class="label label-badge label-info">未处理</span></li>

					</ul>
			</div>
		</div>
	</div>
	<div class='clear'></div>

    	<footer>
    <?php echo (C("cfg_powerby")); ?>
	</footer>


    <!-- jQuery (ZUI中的Javascript组件依赖于jQuery) -->
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <!-- ZUI Javascript组件 -->
    <script src="/Public/home/zui/js/zui.min.js"></script>
  </body>
</html>
<script>
$(function(){
	$('.carousel').carousel();
    var myar = setInterval('AutoScroll("#scrollDiv")', 2000)
    $("#scrollDiv").hover(function() { clearInterval(myar); }, function() { myar = setInterval('AutoScroll("#scrollDiv")', 2000)});
})
function AutoScroll(obj) {
    $(obj).find("ul:first").animate({
            marginTop: "-25px"
    }, 500, function() {
            $(this).css({ marginTop: "0px" }).find("li:first").appendTo(this);
    });
}
</script>